<!--suppress JSUnresolvedFunction -->
<template lang="pug">
q-layout(view="hHh lpR fFf"  class="bg-grey-10 full-height")
  q-header(class="bg-blue-grey-9 text-primary")
    Header
  q-drawer(v-model="is_collapsed"  class="bg-blue-grey-10 full-height" side="left" :width="200" behavior="desktop")
    Drawer
  q-page-container(class="full-height")
    transition(enter-active-class="animated fadeIn" leave-active-class="animated fadeOut" appear mode="out-in")
      router-view


</template>

<script setup>
import {computed, onMounted} from "vue";
import {useCommonStore} from "~/utils/store/common.js";
import Drawer from "~/components/common/Drawer.vue";
import Header from "~/components/common/Header.vue";

const common_store = useCommonStore()


const is_collapsed = computed(() => {
  return !!common_store?.isCollapse
})


onMounted(() => {

})


</script>

<style>

</style>